<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>点击按钮新增一个按钮</title>
</head>

<!--点击按钮新增一个按钮：20210340908付飞飞-->
<body>
    <table id="dynamicTable">
        <tbody>
        <tr>
            <label class="form-inline">
                <h6><strong>点击按钮新增一个按钮</strong></h6>
                <input type="button" class="button" id="btn_addtr" value="增加行">
            </label>
            <label class="form-inline">
                <input type="button" name="signal[0].paraphrase" class="form-control" value="点击我会新增一个按钮"/>
                <br/>
            </label>
        </tr>
        </tbody>
    </table>

    <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
    <script type="text/javascript">
            var count = 0;    //递增的开始值
            $(function () {
                var show_count = 20;   //要显示的条数
                $("#btn_addtr").click(function () {
                    var length = $("#dynamicTable tbody tr").length;
                    if (length < show_count)    //点击时候，如果当前的数字小于递增结束的条件
                    {
                        count = count + 1;
                        var tableHtml = "";
                            tableHtml += '<label class="form-inline">'
                            + '<input type="button" name="signal['+count+'].paraphrase" class="form-control" value="我是新增的按钮">'
                            + '</label>';

                        $("#dynamicTable tbody tr").append(tableHtml);   //在表格后面添加一行
                    }
                });
            });

      </script>
</body>
</html>